import React from 'react';

class ZoomControl extends React.Component{
  static propTypes: {
    zoomOut: PropTypes.func.isRequired,
    zoomIn: PropTypes.func.isRequired,
    label: PropTypes.number.isRequired
  }
  setZoom(z) {
    this.refs.zoom.innerHTML = z;
  }
  render() {
    return (
      <div className="zoom-control">
        <span className="map-zoom" ref="zoom">11</span>
        <div className="zooms">
          <div className="zoom zoom-out" onClick={this.props.zoomOut}>
            <div className="out"></div>
          </div>
          <div className="zoom zoom-in" onClick={this.props.zoomIn}>
            <div className="in"></div>
          </div>
        </div>
      </div>
    );
  }
}; 

export default ZoomControl;





